<template>
    <div>
        <div>
            <el-button type="primary" @click="show('show1')">PV业绩获取（1）</el-button>
            <el-button type="primary" @click="show('show2')">PV业绩调整（2）</el-button>
            <el-button type="primary" @click="show('show3')">原型网络图（3）</el-button>
            <el-button type="primary" @click="show('show4')">奖金计算（4）</el-button>
        </div>
        <div v-show="isShow == 'show1'">
            已获取9000条数据
            <div class="page_word">BNS-3-2-1.1</div>
        </div>
        <div v-show="isShow == 'show2'">
            <div style="position:absolute; left:900px; top:90px">
                <el-button type="success" @click="dialogFormVisible = true">新增</el-button>
                <el-button type="primary">删除</el-button>
                <el-button type="info">返回</el-button>
            </div>
            <img src="../../assets/pvyjtz.jpg" alt="">
            <div class="page_word">BNS-3-2-1.2</div>
        </div>
        <div v-show="isShow == 'show3'">
            <img src="../../assets/yxwlt.jpg" alt="">
            <div class="page_word">BNS-3-2-1.3</div>
        </div>
        <div v-show="isShow == 'show4'">
            <img src="../../assets/jjjs.jpg" alt="">
            <div class="page_word">BNS-3-2-1.4</div>
        </div>
        <el-dialog title="PV业绩调整" :visible.sync="dialogFormVisible">
            <el-form :model="form" v-show="show1">
                <el-form-item label="会员编号" :label-width="formLabelWidth">
                <span class="width1"><el-input v-model="form.name" auto-complete="off"></el-input></span>
                </el-form-item>
                <el-form-item label="调整月份" :label-width="formLabelWidth">
                    <el-date-picker
                    v-model="month"
                    type="month"
                    placeholder="选择月">
                    </el-date-picker>
                </el-form-item>
            </el-form>
            <div v-show="!show1">
                <div class="item">
                    <div class="item_word">会员编号</div>
                    <div class="item_input">12345678</div>
                </div>
                <div class="item">
                    <div class="item_word">会员姓名</div>
                    <div class="item_input">王五</div>
                </div>
                <div class="item">
                    <div class="item_word">调整月份</div>
                    <div class="item_input">201810</div>
                </div>
                <div class="item">
                    <div class="item_word">个人积分</div>
                    <div class="item_input">17000PV</div>
                </div>
                <div class="item">
                    <div class="item_word">业绩调整</div>
                    <div class="item_input"><el-input></el-input></div>
                </div>
                <!-- <div>
                    <div class="item">
                        <div class="item_word">业绩调整</div>
                        <div class="div1"><el-input></el-input></div>
                    </div>
                </div> -->
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="change">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    data(){
        return {
            dialogFormVisible:false,
            isShow:"",
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            },
            formLabelWidth: '120px',
            month:"",
            show1:true
        }
    },
    methods:{
        show(val){
            this.isShow = val
        },
        change(){
            if(this.show1){
                this.show1 = false
            }else{
                this.dialogFormVisible = false
                this.show1 = true
            }
        }
    }
}
</script>
<style scoped>
.width1{
    display: inline-block;
    width:220px
}
.div1{
    display: inline-block
}
</style>


